<style>
    #adminTitle{animation:change 10s linear 0s infinite;font-size:30px;font-weight:700;}
    @keyframes change{0%   {color:#333;}25%{color:#ff0;}50%{color:#f60;}75%{color:#cf0;}100% {color:#f00;}}
</style>
<div class="layui-logo">
    <span style="font-size: 32px;letter-spacing:2px">Fullset </span>
</div>
<!-- <ul class="layui-nav layui-layout-left" id="nav_content" style="display: block;">
    <script id="topNav" type="text/html">
        {{#  layui.each(d, function(index, item){ }}
        {{# if(!item.hidden){ }}
        <li class="layui-nav-item">
            <a href="{{item.menuUrl}}" path="{{ item.menuPath }}"><cite>{{ item.menuName }}</cite></a>
            {{# if(item.subMenus&&item.subMenus.length>0){ }}
            <dl class="layui-nav-child">
                {{# layui.each(item.subMenus, function(index, subItem){ }}
                {{# if(!subItem.hidden){ }}
                <dd>
                    {{# if(subItem.isMenu == '0'){ }}
                    <a href="{{ subItem.menuUrl }}" path="{{ subItem.menuPath }}" class="winFrom"><cite>{{ subItem.name }}</cite></a>
                    {{# } }}
                    {{# if(subItem.isMenu == '1'){ }}
                    <a href="{{ subItem.menuUrl }}"><cite>{{ subItem.menuName }}</cite></a>
                    {{# } }}
                    {{# if(subItem.subMenus&&subItem.subMenus.length>0){ }}
                    <dl class="layui-nav-child">
                        {{# layui.each(subItem.subMenus, function(index, thrItem){ }}
                        {{# if(!thrItem.hidden){ }}
                        <dd>
                            {{# if(subItem.isMenu == '0'){ }}
                            <a href="{{ thrItem.menuUrl }}" path="{{ subItem.menuPath }}" class="winFrom">{{ thrItem.name }}</a>
                            {{# } }}
                            {{# if(subItem.isMenu == '1'){ }}
                            <a href="{{ thrItem.menuUrl }}">{{ thrItem.menuName }}</a>
                            {{# } }}
                        </dd>
                        {{# } }}
                        {{# }); }}
                    </dl>
                    {{# } }}
                </dd>
                {{# } }}
                {{# }); }}
            </dl>
            {{# } }}
        </li>
        {{# } }}
        {{#  }); }}
    </script>
</ul> -->
<ul class="layui-layout-left" id="adminTitle" style="height: 60px; line-height: 60px;padding-left: 65px; text-align: center; font-size: 32px;font-size: 28px;letter-spacing: 6px;">
企业级后台管理系统
</ul>
<ul class="layui-nav layui-layout-right" style="padding: 0 35px;">
    <li class="layui-nav-item">
        <a id="main" title="主页"><i class=" layui-icon layui-icon-home"></i></a>
    </li>
    <li class="layui-nav-item" lay-unselect>
        <a ew-event="refresh" title="刷新" style="padding: 0 10px;"><i class="layui-icon layui-icon-refresh-3"></i></a>
    </li>
    <li class="layui-nav-item" lay-unselect="" style="height: 60px;">
        <a href="javascript:;"><div class="layui-nav-user">码农洞见</div></a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;">个人中心</a></dd>
          <dd><a href="javascript:;">设置</a></dd>
          <hr>
          <dd style="text-align: center;"><a href="">退出</a></dd>
        </dl>
      </li>
    </li>
    </div>
</ul>
<script>
    layui.use(['config','index'], function () {
        var config = layui.config
        ,index=layui.index;
        index.bindEvent();
        var user = config.getUser();
        if (user) {
            $("#userName").html(user.UserName);
        }
        else {
            $("#userName").html('');
        }
        //伸缩导航
        var toggle = $("#nav_toggle");
        var nav = $("#nav_content");
        var IsExpand = false;
        toggle.click(function () {
            //nav.animate({width:'toggle'},200);
            if(IsExpand)
            {
                nav.css("display","none");
                toggle.removeClass("layui-icon-shrink-right");
                toggle.addClass("layui-icon-spread-left");
            }
            else
            {
                nav.css("display","block");
                toggle.removeClass("layui-icon-spread-left");
                toggle.addClass("layui-icon-shrink-right");
            }
            IsExpand = !IsExpand;
        });

    });
</script>